@()

<style>

	.logoPng {
		padding-bottom: 10px;
		margin: 0px
	}

</style>

<div>

	<div class="page-header">
		<div class="row myLogoDiv" style="margin-top: 0px;">
			<div class="col-md-3 ">
				<img class="logoPng" src="@routes.Assets.at("images/logo.png")">
			</div>
			<div class="col-md-9">
				<h4 style="color: black;
					font-style: italic;
					margin-bottom: 0;
					margin-top: 40px">mRNA, lncRNA and circRNA in extracellular vesicles</h4>
			</div>
		</div>

	</div>

	<nav class="navbar navbar-inverse">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
			data-target="#sub" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		</div>
		<div class="collapse navbar-collapse" id="sub">
			<ul class="nav navbar-nav">
				<li><a href="@routes.IndexController.toIndex"><span class="glyphicon glyphicon-home"></span> Home </a></li>
				<li><a href="@routes.BrowseController.toIndex"><span class="glyphicon glyphicon-eye-open"></span>
					Browse</a>
				</li>
				<li><a href="@routes.SearchController.toIndex"><span class="glyphicon glyphicon-search"></span>
					Search</a>
				</li>
				<li><a href="@routes.CellController.proportion()"><span class="fa fa-sun-o"></span>
					Origin</a></li>
				<li><a href="@routes.DownloadController.toIndex"><span class="glyphicon glyphicon-download"></span>
					Downloads</a>
				</li>
				<li><a href="@routes.StatisticsController.index"><span class="fa fa-info-circle"></span>
					Statistics</a>
				</li>
				@* <li><a href="@routes.CommunityController.toIndex"><span class="fa fa-info-circle"></span> Community</a></li>*@
				<li><a href="@routes.HelpController.toIndex"><span class="glyphicon glyphicon-question-sign"></span>
					Tutorial</a>
				</li>
				<li><a href="@routes.ContactController.toIndex"><span class="glyphicon glyphicon-send"></span>
					Contact</a>
				</li>
				<li style="margin-left: 0px">
					<div class="" align="right" >
						<form method="post" action="@routes.MrnaController.toResultByName" class="form-inline"
						style="padding-top: 4px;" >
							<div class="input-group" >
								<input type="text" name="id" placeholder="Enter gene query" class="form-control"
								style="height: 22px;  font-size: 10px;width: 142px" required/>
								<span class="input-group-btn" >
									<button class="btn btn-primary" type="submit" style="padding-top: 0px;
										padding-bottom: 0px"><i class="fa fa-search"></i></button>
								</span>
							</div>
						</form>
					</div>
				</li>
			</ul>
		</div>
	</nav>

</div>
<script>

		$(function () {

			Header.init

		})

	</script>
